﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" 
    AutoEventWireup="true" CodeBehind="Default.aspx.cs" 
    Inherits="YourOpinion.Default" %>
<asp:Content ID="ContentHead" ContentPlaceHolderID="ContentPlaceHolderHead" runat="server">
    <script src="jquery-1.4.4.min.js" type="text/javascript"></script>

<script type="text/javascript">
    jQuery(document).ready(function() {
    jQuery(".picNews").hover(function () {
        jQuery(this).children(".title_picNews").stop(true, true).animate({ top: '162px' }, { queue: false, duration: 300 });
    }, function () {
        jQuery(this).children(".title_picNews").stop(true, true).animate({ top: '262px' }, { queue: false, duration: 300 });
    });
    });
    </script>
</asp:Content>
<asp:Content ID="ContentLeftSidebar" ContentPlaceHolderID="ContentPlaceHolderLeftSidebar" runat="server">
     Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left 
</asp:Content>
<asp:Content ID="ContentRightSidebar" ContentPlaceHolderID="ContentPlaceHolderRightSidebar" runat="server">
     Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right  
</asp:Content>
<asp:Content ID="ContentBody" ContentPlaceHolderID="ContentPlaceHolderBody" runat="server">
   <div id = "pics">
          <div class="picNews">
            <a class="a_picNews">
                <asp:Image ID="ImageNews1" runat="server" ImageUrl="~/ImagesNews/News1.jpg" />
                
            </a>
            <div class="title_picNews" style=" top:262px; background-color: #688DC9;"><p>Таня Терешина и Жанна Фриске. Клипа "Вестерн"</p></div>
          </div>
          <div class="picNews">
            <a class="a_picNews">
                <asp:Image ID="ImageNews2" runat ="server" ImageUrl="~/ImagesNews/News2.jpg"/>
            </a>
            <div class="title_picNews" style=" top:262px; background-color: #008893;"><p>Кучетата са бозайници, пряк потомък на сивия вълк, опитомени от човека още преди 15 хиляди години</p></div>
          </div>
          <div class="picNews">
            <a class="a_picNews">
                <asp:Image ID="ImageNews3" runat="server" ImageUrl="~/ImagesNews/News3.jpg" />
            </a>
            <div class="title_picNews" style=" top:262px; background-color: #7EA2B9;"><p>Националите по борба се готвят за олимпийски квоти</p></div>
          </div>
          <div class="picNews">
            <a class="a_picNews">
                <asp:Image ID="ImageNews4" runat="server" ImageUrl="~/ImagesNews/News4.jpg" />
            </a>
             <div class="title_picNews" style=" top:262px; background-color: #709EA5;"><p> Дървесната жаба най отровна в света</p></div>
          </div>
          <div class="picNews">
            <a class="a_picNews">
                <asp:Image ID="ImageNews5" runat="server" ImageUrl="~/ImagesNews/News5.jpg" />
                </a>
             <div class="title_picNews" style=" top:262px; background-color: #688DC9;"><p> Арнолд и Слай ще се срещнат в затворническа драма</p></div>
          </div>
          <div class="picNews">
            <a class="a_picNews">
               <asp:Image ID="ImageNews6" runat="server" ImageUrl="~/ImagesNews/News6.jpg" />
               </a>
            <div class="title_picNews" style=" top:262px; background-color: #E05E62;"><p> Как да си направим красиви неща от отпадъци?</p></div> 
            </a>
          </div>
          <div class="picNews">
            <a class="a_picNews">
                 <asp:Image ID="ImageNews7" runat="server" ImageUrl="~/ImagesNews/News7.jpg" />
            </a>
            <div class="title_picNews" style=" top:262px; background-color: #9C8CC2;"><p> Програма японска анимация</p></div>
          </div>
          <div class="picNews">
            <a class="a_picNews">
                 <asp:Image ID="ImageNews8" runat="server" ImageUrl="~/ImagesNews/News8.jpg" />
            </a>
            <div class="title_picNews" style=" top:262px; background-color: #7EA2B9;"><p> Български национален клуб “ Лабрадор Ретривър ” работи за здравословното и правилно развъждане на породата</p></div>
          </div>
          <div class="picNews">
            <a class="a_picNews">
                <asp:Image ID="ImageNews9" runat="server" ImageUrl="~/ImagesNews/News9.jpg" />
            </a>
             <div class="title_picNews" style=" top:262px; background-color:  #F2717A;"><p> Филм за първото стъпване на Луната пак на екрана</p></div>
          </div>
        </div>
</asp:Content>
